/**
 * jQuery.SpreadSheet
 * Copyright (c) 2008 HyperNumbers.com
 * All rights reserved.
 * @projectDescription A Spreadsheet GUI 
 * @author Dale Harvey
 * @version 0.1
 */

/******************************************************************************
	GLOBAL STYLES
******************************************************************************/
.ss_root
{
    position:relative;
    overflow:hidden;
}

.columns,.rows,.colwrap,.container
{
    position:relative;
}

.colwrap,.container
{
    overflow:hidden;
}

.ss_root table
{
    border-top:     1px solid #aaa;
    border-left:    1px solid #aaa;s
    padding:        0px;
    margin:         0px;
    border-collapse:collapse;
}

.rows 
{ 
    width:          25px;
    float:          left;
 }

.ss_root .rows td
{
    width:          25px;
    background:     #ddd !important;
}

.ss_root .rows td div
{
    height:         17px; 
    padding-top:    4px;
    padding-right:  3px;
    text-align:     right;
    border-bottom:  1px solid #aaa;
    border-right:   1px solid #aaa;
}

.ss_root .rows td.first div
{
    height:         16px !important;
}

.ss_root th
{
    padding:        3px 0px; 
    border-bottom:  1px solid #aaa;
    border-right:   1px solid #aaa;
    text-align:     center;
    background:     #ddd;    
}

.ss_root td
{
    background:     #fefefe;
    border-bottom:  1px solid #ddd;
    border-right:   1px solid #ddd;
    vertical-align: top;
}

.ss_root table div textarea
{
    border:         1px solid blue;
    display:        block;
    height:         18px;
    position:       absolute;
    overflow-x:     hidden;
}

.ss_root table div.cell
{
    border:         1px solid transparent;
    height:         20px;
    overflow:       hidden;
    cursor:         default;
}

.ss_root #name 
{
    font:           12px "Helvetica Neue", Palatino, sans-serif;
    border:         0px;
    width:          80px;
    text-align:     center;
}

.ss_root #toolbar 
{
    background:     #eee;
    height:         26px;
    border-bottom:  1px solid #999;
    border-top:     1px solid #ddd;
}

.ss_root #formula
{
    font:           12px "Helvetica Neue", Palatino, sans-serif;
    border:         0px;
    padding:        3px;
}

.ss_root #functions
{
    border-width:   0px 1px 0px 1px;
    border-style:   outset;
    font:           12px "Helvetica Neue", Palatino, sans-serif;
    height:         20px;
    background:     #eee;
    width:          40px;
}


.ss_root #marker 
{
    display:        none;
    position:       absolute;
    height:         100%;
    width:          2px;
    background:     #000;
}

.ss_root .datacontainer
{
    overflow-y:     scroll;
}

.ss_root, .container 
{
    overflow:       hidden;
}

.ss_root #drag
{
    display:        none;
    position:       fixed;
    cursor:         pointer;
    width:          6px;
    height:         6px !important;
    background:     blue;
    z-index:        9999;
}


.ss_root #toolbar a:hover
{
    border:         1px solid #BBB;
    background-color:#fff;
}

.ss_root #toolbar a 
{
    background-position:center center;
    background-repeat:  no-repeat;
    float:          left;
    cursor:         pointer;
    border:         1px solid transparent;
    padding:        2px;
    margin:         2px;
    display:        block;
    height:         16px;
    width:          16px;
}

.ss_root #toolbar a.separator
{
    cursor:         default;
    margin:         3px;
    padding:        0px;
    height:         18px;
    width:          0px !important;
    border-left:    1px solid #999;
    border-right:   1px solid #FFF;
}

.ss_root .rows
{
    width:          25px;
    height:         100%;
}

.ss_root #box 
{
    position:       absolute;
    top:            0px;
    border-bottom:  1px solid #aaa;
    border-right:   1px solid #aaa;
    left:           0px;
    background:     #ddd !important;
    width:          24px;
    height:         20px;
    z-index:        999;
}

.ss_root #toolbar .left {
    background-image:  url('images/text_align_left.png'); }
.ss_root #toolbar .center {
    background-image:  url('images/text_align_center.png'); }
.ss_root #toolbar .right {
    background-image:  url('images/text_align_right.png'); }
.ss_root #toolbar .justify {
    background-image:  url('images/text_align_justify.png'); }
.ss_root #toolbar .bold {
    background-image:  url('images/text_bold.png'); }
.ss_root #toolbar .italic {
    background-image:  url('images/text_italic.png'); }
.ss_root #toolbar .underl {
    background-image:  url('images/text_underline.png'); }
.ss_root #toolbar .strike {
    background-image:  url('images/text_strikethrough.png'); }

.ss_root .dragleft   { border-left:  1px dashed #000 !important; }
.ss_root .dragright  { border-right: 1px dashed #000 !important; }
.ss_root .dragtop    { border-top:   1px dashed #000 !important; }
.ss_root .dragbottom { border-bottom:1px dashed #000 !important; }

.ss_root .current div
{
    opacity:        1 !important;
}

.ss_root .selected 
{
    opacity:        .5;
    background:      #d2e9ff;
}

.ss_root th.highlight,.ss_root td.highlight
{
    background:     #666 !important;
}

/******************************************************************************
		HACKS
******************************************************************************/
.clearfix:after
{
    content:        "."; 
    display:        block; 
    height:         0; 
    clear:          both; 
    visibility:     hidden;
}

.clearfix
{
    display:        inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height:         1%;
}

.clearfix
{
    display:        block;
}
/* End hide from IE-mac */
